import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import  moment  from 'moment'

Vue.config.productionTip = false
/* 这里是针对p元素的自定义指令 */
Vue.directive('qq', {
  bind() { },
  inserted(el) {
    console.log(el, 222);
    el.style.color='red'
  }
  // bind:function(){},
  // instered:function(){}
})

/* 这里是针对input元素的自定义指令 */
Vue.directive('ipt', {
  bind() { },
  inserted(el,bingding) {
    console.log(bingding, 3333);
    el.value=bingding.value
    el.focus()
  }
})


/* 全局过滤器 */
Vue.filter('ff',(msg,msg2)=>{
  return  msg.replace('world','vue'+msg2)
})

Vue.filter('tt',(msg)=>{
  var  year=msg.getFullYear()
  var  month=msg.getMonth()+1
  var  day=msg.getDate()
  var  hour=msg.getHours()
  var  minutes=msg.getMinutes()
  var  second=msg.getSeconds()
  var  week=msg.getDay()
  
  return  `${year}-${month}-${day}  ${hour}:${minutes}:${second}  星期${week}`
})

/* 使用moment来定义时间 */
Vue.filter('tt2',()=>{
  return  moment().format('YYYY-MM--DD  hh:mm:ss');
})


// Vue.filter('aa',function(){})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
